<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="box">
        <div v-if="temp=='A'">A我是一个DIV</div>
        <div v-else-if="temp=='B'">B我是一个DIV</div>
        <div v-else>C我是一个DIV</div>
    </div>
    <script src="js/vue.js"></script>
    <script>
        let vm = new Vue({
            el:"#box",
            data:{
                isShow:true,
                temp:"c"
            }
        })
    </script>
    <!-- 
        v-if：当满足条件时，渲染到页面中，当不满足时就不渲染。
        如果页面需要频繁控制显示和隐藏的使用v-show。如果只是一次性控制显示和隐藏使用v-if。 
    -->
</body>
</html>